page{
	background-color: #f5f6f7;
}

.title{
	width: 100%;
	height: 80rpx;
	line-height: 80rpx;
	text-align: center;
	font-size: 32rpx;
	color: #F4B000;
	background-color: #FFEED8;
}

.box{
	width: 96%;
	padding: 20rpx 2%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	.camera{
		width: 218rpx;
		height: 218rpx;
		background-color: #FFFFFF;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 10rpx;
		.camera-box{
			image{
				width: 56rpx;
				height: 50rpx;
				margin-left: 20rpx;
			}
			text{
				display: block;
				color: #0091FF;
				font-size: 24rpx;
				text-align: center;
			}
		}
		
	}
	.items{
		position: relative;
		width: 218rpx;
		height: 218rpx;
		// display: flex;
		// justify-content: flex-start;
		// align-items: center;
		// flex-wrap: wrap;
		margin: 20rpx 10rpx;
		image{
			width: 100%;
			height: 100%;
		}
		.del{
			position: absolute;
			top: -20rpx;
			right: -20rpx;
			width: 40rpx;
			height: 40rpx;
			line-height: 40rpx;
			text-align: center;
			font-size: 22rpx;
			border-radius: 50%;
			background-color: #FE4392;
			color: #FFFFFF;
		}
		.del-active{
			animation: show 1s ease;
		}
		.review{
			position: absolute;
			top: 0;
			right: 0;
			width: 81rpx;
			height: 73rpx;
			image{
				width: 100%;
				height: 100%;
			}
		}
	}
	
}

@keyframes show{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}